<!DOCTYPE html>
<html lang="en">
<head>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
    </script>
    <meta charset="UTF-8">
    <title>
        Title</title>
</head>
<body>

<h1 id="title"></h1>

</body>
</html>

<script src="push.js"> </script>

<script>
    // 建立连接
    var connection = new Push({
        url: 'wss://dxtg.order.ydk1.cn/app/88d0a5feed6fb2bd6efcf7a3276b5d3a', // websocket地址
        app_key: '88d0a5feed6fb2bd6efcf7a3276b5d3a',
        auth: '/plugin/webman/push/auth' // 订阅鉴权(仅限于私有频道)
    });
    // 假设用户uid为1
    var uid = 1;
    // 浏览器监听user-1频道的消息，也就是用户uid为1的用户消息
    var user_channel = connection.subscribe('user-' + uid);

    // 当user-1频道有message事件的消息时
    user_channel.on('message', function(data) {
        // data里是消息内容
        console.log(data);
        $('#title').html(data.content);
    });
    // 当user-1频道有friendApply事件时消息时
    user_channel.on('friendApply', function (data) {
        // data里是好友申请相关信息
        console.log(data);
    });

    // 假设群组id为2
    var group_id = 2;
    // 浏览器监听group-2频道的消息，也就是监听群组2的群消息
    var group_channel = connection.subscribe('group-' + group_id);
    // 当群组2有message消息事件时
    group_channel.on('message', function(data) {
        // data里是消息内容
        console.log(data);
    });
</script>